body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td, iframe, button {
    margin: 0;
    padding: 0
}

div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, fieldset, legend, p, blockquote, th, td {
    cursor: default
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

caption, th {
    text-align: inherit
}

fieldset, img {
    border: 0
}

:focus {
    outline: 0 none
}

address, caption, cite, code, dfn, em, strong, th, var {
    font-style: normal;
    font-weight: normal
}

h1, h2, h3, h4, h5, h6 {
    font-size: 100%;
    font-weight: bold
}

abbr, acronym {
    border: 0;
    font-variant: normal
}

input, button, textarea, select, optgroup, option {
    font-family: inherit;
    font-size: inherit;
    font-style: inherit;
    font-weight: normal
}

input, button, textarea, select {
    *font-size: 100%
}

blockquote, q {
    quotes: none
}

blockquote:before, blockquote:after, q:before, q:after {
    content: "";
    content: none
}

ol, ul {
    list-style: none
}

textarea {
    resize: none;
    overflow-x: hidden;
    overflow-y: auto
}

body {
    font: 12px/1.5 "Microsoft Yahei", "宋体", Arial, Helvetica, sans-serif;
    background: #fff;
    color: #2b2b2b;
    overflow: visible
}

a {
    color: #7fbcf0;
    text-decoration: none
}

a:hover {
    text-decoration: underline
}

.fl {
    float: left;
    display: inline
}

.fr {
    float: right;
    display: inline
}

.cf {
    display: block;
    zoom: 1
}

* html .cf {
    height: 1%
}

.cf:after {
    content: " ";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden
}

.placeholder {
    color: #b2b2b2
}

input::-webkit-input-placeholder {
    color: #b2b2b2
}

input::-moz-placeholder {
    color: #b2b2b2
}

textarea::-webkit-input-placeholder {
    color: #b2b2b2
}

textarea::-moz-placeholder {
    color: #b2b2b2
}

.text-autocut {
    overflow: hidden;
    white-space: nowrap;
    -webkit-text-overflow: ellipsis;
    -khtml-text-overflow: ellipsis;
    -icab-text-overflow: ellipsis;
    -moz-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis
}

.text-hide {
    display: block;
    font-size: 0;
    text-indent: -99999em;
    color: transparent
}

body {
    min-width: 960px
}

h2, h3, h4 {
    font-weight: normal
}

.inr {
    width: 960px;
    margin: 0 auto
}

.header {
    position: fixed;
    z-index: 10;
    width: 100%;
    height: 65px;
    background: rgba(240, 240, 239, 0.85) !important;
    background: #fff;
    filter: alpha(opacity=85)
}

.logo {
    font-size: 26px;
    margin-top: 13px
}

.logo a {
    color: #646465;
    font-weight: normal;
    text-decoration: none
}

.logo span {
    color: #45b8e2
}

.nav {
    font-size: 16px;
    margin-top: 17px;
    word-spacing: 8px
}

.nav a {
    display: block;
    text-decoration: none
}

.home, .plan {
    margin: 8px 0 0 57px
}

.home a, .plan a {
    color: #5d5d5d
}

.signupbtn {
    color: #fff;
    background-color: #3ca30f;
    cursor: pointer;
    width: 94px;
    height: 31px;
    margin-left: 280px;
    line-height: 31px;
    text-align: center
}

.signupbtn:hover {
    background: #50bb22
}

.signupbtn:active {
    background: #212121
}

.signupbtn a {
    color: #fff
}

.signin {
    background: #0072c6;
    width: 94px;
    height: 31px;
    line-height: 31px;
    margin-left: 17px;
    text-align: center
}

.signin:hover {
    background: #3d94d4
}

.signin:active {
    background: #212121
}

.signin a {
    color: #fff
}

#intro {
    padding-top: 65px;
    position: relative;
    background: url("../../image/v1/bg-sale-new-1280-652-20130729.jpg") 0 0;
    background-size: cover;
    height: 581px;
    background: none\9
}

.signupwrap {
    margin-top: 86px;
    padding-top: 33px;
    width: 580px;
    height: 313px;
    background: #000;
    background: rgba(0, 0, 0, 0.3) !important;
    filter: alpha(opacity=30)
}

.signupwrap:nth-of-type(1) {
    filter: alpha(opacity=100)
}

.signupwrap .wordwrap {
    position: relative
}

.showpwdwrap {
    position: absolute;
    z-index: 4;
    top: 1px;
    *top: 2px;
    left: 206px;
    width: 106px;
    height: 41px;
    line-height: 41px;
    background: #f1f1f1;
    font-size: 14px;
    text-align: center;
    color: #666;
    cursor: pointer
}

.to1 {
    color: #fff;
    font-size: 24px;
    margin: 87px 0 20px 45px;
    -webkit-text-shadow: 0 1px 7px rgba(0, 0, 0, 0.75);
    -moz-text-shadow: 0 1px 7px rgba(0, 0, 0, 0.75);
    text-shadow: 0 1px 7px rgba(0, 0, 0, 0.75)
}

.to1 span {
    font-size: 16px
}

.to2 {
    color: #fff;
    font-size: 28px;
    margin-left: 100px;
    margin-bottom: 30px;
    -webkit-text-shadow: 0 1px 7px rgba(0, 0, 0, 0.75);
    -moz-text-shadow: 0 1px 7px rgba(0, 0, 0, 0.75);
    text-shadow: 0 1px 7px rgba(0, 0, 0, 0.75)
}

#topbg1 {
    position: relative
}

.top_layer {
    height: 652px;
    background: rgba(0, 0, 0, 0.4) !important;
    background: #000;
    filter: alpha(opacity=40)
}

.top_layer:nth-of-type(1) {
    filter: alpha(opacity=100)
}

.video {
    margin-top: 110px;
    position: relative
}

.video .playbtn {
    display: block;
    position: absolute;
    top: 120px;
    left: 216px;
    background: url("../../image/v1/sprite-sale-playbtn-95-188-20130909.png") 0 0;
    width: 95px;
    height: 94px
}

.video .playbtn:hover {
    background-position: 0 -95px
}

.submit {
    color: #fff;
    background-color: #3ca30f;
    cursor: pointer;
    width: 313px;
    height: 43px;
    border: 0;
    font-size: 18px
}

.submit:hover {
    background: #50bb22
}

.submit:active {
    background: #212121
}

.word {
    width: 410px;
    margin-top: 180px;
    margin-left: 20px;
    color: #fff;
    font-size: 16px;
    text-align: center;
    -webkit-text-shadow: 1px 2px 3px rgba(0, 0, 0, 0.75);
    -moz-text-shadow: 1px 2px 3px rgba(0, 0, 0, 0.75);
    text-shadow: 1px 2px 3px rgba(0, 0, 0, 0.75)
}

.word .title {
    font-size: 22px
}

.word .summary {
    padding-top: 25px;
    padding-bottom: 25px;
    text-align: left
}

.word .submit {
    -webkit-box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.34);
    -moz-box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.34);
    box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.34)
}

.signup {
    padding-left: 100px;
    font-size: 16px
}

.signup .section {
    position: relative;
    margin-bottom: 30px
}

.signup .text_input {
    width: 301px;
    color: #333;
    height: 25px;
    line-height: 25px;
    padding: 8px 0 8px 10px;
    display: block;
    border: 1px solid #b0b0b0
}

.signup .text_input.placeholder {
    color: #b2b2b2
}

.signup .text_input::-webkit-input-placeholder {
    color: #b2b2b2
}

.signup .text_input::-moz-placeholder {
    color: #b2b2b2
}

.signup .text_input:-ms-input-placeholder {
    color: #b2b2b2
}

.signup .password {
    position: absolute;
    top: 7px
}

.noticewrap {
    position: absolute;
    width: 200px;
    height: 35px;
    display: none;
    font-size: 12px
}

.noticewrap .triangle {
    margin-top: 9px;
    border-color: transparent #fff transparent transparent;
    border-style: solid;
    border-width: 8px;
    width: 0;
    height: 0
}

.noticewrap .tl {
    border-color: transparent transparent transparent #fff
}

.noticewrap .tr {
    border-color: transparent #fff transparent transparent
}

.noticewrap .notice {
    background: #fff;
    width: 143px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    color: #222
}

.radio {
    display: inline-block;
    background: url("../../image/v1/sprite_studentcreate_button_30_150_20130809.png") 0 -29px;
    vertical-align: text-bottom;
    width: 20px;
    height: 20px;
    cursor: pointer
}

.radio.select {
    background-position: 0 0
}

.blink_wrap {
    position: absolute;
    left: 50%;
    bottom: 0;
    cursor: pointer;
    width: 73px;
    height: 100px;
    overflow: hidden
}

.blink_wrap .blink {
    margin-top: 30px;
    cursor: pointer;
    background: url("../../image/v1/icon-sale-new-73-29-20130905.png") 0 0;
    width: 73px;
    height: 29px
}

.blink_wrap .blink.arrowtop {
    background: url("../../image/v1/arrowtop-sale-new-73-29-20130905.png") 0 0
}

.blink_wrap .blink.arrow2 {
    background: url("../../image/v1/arrowbottom-sale-new-73-29-20130905.png") 0 0
}

.features {
    height: 110px
}

.features ul {
    width: 960px;
    margin: 0 auto
}

.features li {
    margin-top: 48px;
    margin-right: 94px
}

.features li.last {
    margin-right: 0
}

.features a {
    display: block;
    color: #000;
    font-size: 14px;
    text-decoration: none
}

.feature_detail {
    background-color: #f7f1f9;
    padding: 50px 0 100px 0;
    *padding-bottom: 10px;
    position: relative
}

.feature_detail h3 {
    font-size: 28px;
    margin-bottom: 80px;
    text-align: center
}

.feature_form {
    padding-top: 40px;
    margin-right: 80px
}

.feature_info {
    width: 340px
}

.feature_info p {
    font-size: 14px;
    color: #5d5d5d
}

.feature_info h4 {
    font-size: 18px;
    margin-bottom: 20px
}

.feature_info2 {
    width: 304px;
    line-height: 30px;
    margin-left: 30px
}

.feature_info2 p {
    font-size: 12px;
    color: #5d5d5d
}

.feature_info2 span {
    color: #000;
    font-size: 18px
}

#fe2, #fe4, #fe6 {
    background-color: #d9d9d9
}

#commitment {
    background: #344e5b;
    height: 236px
}

.commitment_blog {
    color: #fff
}

.commitment_blog h3 {
    font-size: 18px;
    margin: 48px 0 25px 0
}

.commitment_blog p {
    width: 365px;
    font-size: 12px
}

#copyright {
    background: #222;
    height: 84px;
    line-height: 84px;
    color: #fff;
    font-size: 14px
}

#copyright a {
    color: #fff
}

#copyright ul {
    margin-left: 20px
}

#copyright li {
    display: inline;
    margin-left: 40px
}

#copyright li.first {
    margin-left: 0
}

#copyright li.hotline {
    margin-left: 235px;
    color: #b7b7b7
}

#copyright li.device {
    color: #b7b7b7
}

.overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    bottom: 0;
    background: black;
    z-index: 100;
    display: none;
    filter: alpha(opacity=70);
    -moz-opacity: .70;
    opacity: .70
}

.box {
    margin: 0 auto;
    width: 492px;
    height: 343px;
    position: absolute;
    z-index: 111;
    color: #666;
    background: white;
    display: none
}

.box h3 {
    text-align: center;
    font-size: 24px;
    margin: 3px 0 10px 0
}

.box .section {
    position: relative;
    margin-bottom: 25px
}

.box .showpwdwrap {
    top: 2px;
    left: 261px;
    height: 36px;
    line-height: 36px
}

.box .box_inputtext {
    width: 355px;
    height: 20px;
    line-height: 20px;
    padding: 8px 0 8px 10px;
    font-size: 14px;
    border: 2px solid #ccc;
    color: #333
}

.box .box_inputtext.placeholder {
    color: #aaa
}

.box .box_inputtext::-webkit-input-placeholder {
    color: #aaa
}

.box .box_inputtext::-moz-placeholder {
    color: #aaa
}

.box .box_inputtext:-ms-input-placeholder {
    color: #aaa
}

.box .box_form {
    margin: 0 auto;
    width: 360px
}

.box .submit {
    width: 368px;
    height: 41px;
    font-size: 18px
}

.box.signupbox .box_inputtext:focus {
    border-color: #3ca30f
}

.box.signupbox .submit {
    font-size: 18px
}

.box.loginbox .box_inputtext:focus {
    border-color: #23a9da
}

.box.loginbox .submit {
    background-color: #0072c6;
    color: #fff;
    cursor: pointer;
    border: 0;
    text-align: center
}

.box.loginbox .submit:hover {
    background: #646464
}

.box.loginbox .submit:active {
    background: #212121
}

.box .box_notice {
    height: 30px;
    color: #ff7937;
    font-size: 14px
}

.box .box_close {
    margin: 15px 0 0 452px;
    background: url("../../image/v1/sprite_sale_delete_23_63_20130802.png") 0 0;
    width: 23px;
    height: 23px;
    cursor: pointer
}

.box .box_close:hover {
    background-position: 0 23px
}

#video_player {
    position: absolute;
    top: 100px;
    left: 100px;
    display: none;
    z-index: 111;
    width: 527px;
    height: 335px;
    -webkit-box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.75);
    box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.75)
}

#video_player .close_btn {
    display: block;
    line-height: 20px;
    text-align: center;
    width: 50px;
    height: 20px;
    position: absolute;
    right: 0;
    top: -20px;
    color: #333;
    text-decoration: none;
    background-color: #fff
}